<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>article</title>
    <link rel="icon" href="/img/TIM截图20190121225434.png" >
    <link rel="stylesheet" type="text/css" href="/layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="../css/read/main.css">
    <link rel="stylesheet" type="text/css" href="../css/read/archive.css">
    <link rel="stylesheet" href="../layui/css/layui.css">
    <script src="../layui/layui.js"></script>

    <script type="text/javascript" src="/js/read/commons.js"></script>
    <script src="../layui/layui.js"></script>
    <script type="text/javascript" src="../js/framework/vue.js"></script>
    <script type="text/javascript" src="/js/framework/jquery-3.2.1.min.js"></script>

</head>
<body>
    
    <div class="header">
          <h1 class="logo">
            <a href="index.html">
              <span >-001</span>
            </a>
          </h1>
          <div class="nav">
            <a href="/index.html">首页</a>
            <a href="/html/article.html">文章</a>
            <a href="/html/archive.html" class="active">归档</a>
            <a href="/html/about.html">关于</a>
          </div>
          <ul class="layui-nav header-down-nav">
            <li class="layui-nav-item"><a href="/index.html">首页</a></li>
            <li class="layui-nav-item"><a href="/html/article.html">文章</a></li>
            <li class="layui-nav-item"><a href="/html/archive.html" class="active">归档</a></li>
            <li class="layui-nav-item"><a href="/html/about.html">关于</a></li>
          </ul>

    </div>
    <div class="banner">

    </div>

    <div class="article-content">
        
    <div class="time-line ">
        <h1 style="color:darkgray;">时间线</h1>
    </div>

      <div id="archive">

        <ul class="layui-timeline">
          <li class="layui-timeline-item">
            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
            <div class="layui-timeline-content layui-text">
              <h3 class="layui-timeline-title">2019年1月</h3>

              <p>
                2019-01-4 19:09:03
                <br>阅读jvm
                <br>
                <br>
                2019-01-7 9:20:14
                <br>阅读Effective Java
                <br>

              <!-- <p>
                2019-08-24 17:54:14 {{  }}
                <br><p  @click="jumpreadmd(article.id)" style="cursor: pointer;">layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。</p>
                <br>
                <br>
                <br>

                 <br>8月18日 不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
                <br>无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔 <i class="layui-icon"></i> -->
              </p> 
            </div>
          </li>
          <li class="layui-timeline-item">
            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
            <div class="layui-timeline-content layui-text">
              <h3 class="layui-timeline-title">2018年6月</h3>
              <p>
                2018-08-24 16:24:23
                <br>spring boot 学习
                <br>
                <br>
                2018-010-17 19:00:14
                <br>jhipster学习
                <br>
              </p>
              <!-- <p>杜甫的思想核心是儒家的仁政思想，他有“<em>致君尧舜上，再使风俗淳</em>”的宏伟抱负。个人最爱的名篇有：</p>
              <ul>
                <li>《登高》</li>
                <li>《茅屋为秋风所破歌》</li>
              </ul> -->
            </div>
          </li>
          <li class="layui-timeline-item">
            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
            <div class="layui-timeline-content layui-text">
              <h3 class="layui-timeline-title">2018年4月</h3>
              <p>
                2018-04-2 17:54:14
                <br>学习Spring 学习Spring MVC
                <br>
                <br>

                2018-04-3 13:02:14
                <br>学习bean 配置文件
                <br>
                <br>

                2018-04-6 10:22:14
                <br>mvc搭建
                <br>
                <br>

              </p>
              <!-- <p>杜甫的思想核心是儒家的仁政思想，他有“<em>致君尧舜上，再使风俗淳</em>”的宏伟抱负。个人最爱的名篇有：</p>
              <ul>
                <li>《登高》</li>
                <li>《茅屋为秋风所破歌》</li>
              </ul> -->
            </div>
          </li>

          <li class="layui-timeline-item">
            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
            <div class="layui-timeline-content layui-text">
              <div class="layui-timeline-title">过去</div>
            </div>
          </li>
        </ul>
        
      </div>
    </div>
    
    <div class="footer-a">
        <div class="text">
            <h4 class="title">-001&nbsp一片秋叶个人笔记</h4>
            <p>v2.0&nbsp&nbsp<span class="WeChat"> redwys.xyz 桂ICP备18004478号-1&nbsp&nbsp©</span></p>
        </div>
    </div>


    <script>
    // vue
    var articleVue = new Vue({
          el: '#archive',
          data: {
              articles: [
                  {"date": "2019年9月", "article":[{"publishTime": "2019/8/6 4:50"}]  },
            ],
          },
          methods: {
              jumpreadmd: function (blogtitle) {
                  
                  // 拿到的字符串前面有空格，不懂
                  // blogtitle = blogtitle.replace(/(^\s*)/g, "");   // 去除前面的空格

                  localStorage.setItem("blogtitle", blogtitle);
                  window.location.href = "/html/read.html";

              }
          }
      });

    </script>

</body>
</html>